<!DOCTYPE html>
<html>
<head>
    {include file="layout:_meta_index" /}
</head>
<body class="layui-layout-body">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                {foreach $navBar as $key=>$item}
                <li class="layui-nav-item layui-hide-xs {eq name="key" value="0"}layui-this{/eq}">
                    <a href="javascript:;" data-key="{$key}" layadmin-event="navBar">
                        <i class="layui-icon {$item->menu_icon}"></i> {$item->title}
                    </a>
                </li>
                {/foreach}
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="clearCache">
                        <i class="layui-icon layui-icon-fonts-clear"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="note">
                        <i class="layui-icon layui-icon-note"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{:empty($admin.admin_name)?$admin.username:$admin.admin_name}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="{:url('admin/info')}">基本资料</a></dd>
                        <dd><a lay-href="{:url('admin/password')}">修改密码</a></dd>
                        <hr>
                        <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" ><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" lay-href="{:url('index/console')}">
                    <span>资格预审系统</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                    <script id="menu" type="text/html">
                        {{#  layui.each(d, function(index, item){ }}
                            {{#  if(item.children){ }}
                            <li data-name="{{item.id}}" class="layui-nav-item">
                                <a href="javascript:;" lay-tips="{{item.title}}" lay-direction="2">
                                    {{#  if(item.menu_icon){ }}
                                    <i class="layui-icon {{item.menu_icon}}"></i>
                                    {{#  } else { }}
                                    <i class="layui-icon layui-icon-release"></i>
                                    {{#  } }}
                                    <cite>{{item.title}}</cite>
                                </a>
                                <dl class="layui-nav-child">
                                    {{# layui.each(item.children,function(childIndex,childItem){ }}
                                    <dd data-name="{{childItem.id}}">
                                        <a lay-href="/{{childItem.name}}">{{childItem.title}}</a>
                                    </dd>
                                    {{# }); }}
                                </dl>
                            </li>
                            {{#  } else { }}
                            <li data-name="{{item.id}}" class="layui-nav-item">
                                <a href="javascript:;" lay-href="/{{item.name}}" lay-tips="{{item.title}}" lay-direction="2">
                                    {{#  if(item.menu_icon){ }}
                                    <i class="layui-icon {{item.menu_icon}}"></i>
                                    {{#  } else { }}
                                    <i class="layui-icon layui-icon-release"></i>
                                    {{#  } }}
                                    <cite>{{item.title}}</cite>
                                </a>
                            </li>
                            {{#  } }}
                        {{#  }); }}
                    </script>
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="{:url('index/console')}" lay-attr="{:url('index/console')}" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>


        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="{:url('index/console')}" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>

{include file="layout:_footer" /}
<script>
    layui.config({
        base: '__static__/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','common','laytpl','element','admin'],function () {
        var admin = layui.admin
            ,$ = layui.$
            ,common = layui.common
            ,laytpl =layui.laytpl
            ,element=layui.element;
        //退出
        admin.events.logout = function(){
            //执行退出接口
            admin.req({
                url: "{:url('index/logout')}"
                ,type: 'get'
                ,done: function(res){
                    //清空本地记录的 token，并跳转到登入页
                    admin.exit(function(){
                        location.href = "{:url('index/login')}";
                    });
                }
            });
        };

        //菜单数据、模板
        let menus = [];
        let getTpl = menu.innerHTML
            , view = document.getElementById('LAY-system-side-menu');

        //头部navBar点击
        admin.events.navBar = function(othis){
            let key = othis.data('key');
            laytpl(getTpl).render(menus[key].children, function (html) {
                view.innerHTML = html;
                element.render();
            });
        };

        //更新配置缓存
        admin.events.clearCache = function(){
            $.post('{:url("config/cache")}', function (data) {
                layer.msg('已经清除缓存', {icon: 6});
            });
        };

        //菜单显示
        $.post("{:url('index/menu')}",function (res) {
            menus = common.arrayToTree(res,0);

            //初始化第一个头部bar菜单
            laytpl(getTpl).render(menus[0].children, function (html) {
                view.innerHTML = html;
                element.render();
            });
        });

    });
</script>

</body>
</html>


